$(function () {
    // 封装一个发送请求的函数，用于页面初始化
    function init() {
        $.ajax({
            url: '/my/userinfo',
            type: 'get',
            success: function (res) {
                if (res.status !== 0) {
                    layer.alert('登录失败', {
                        icon: 2
                    });
                } else {
                    setUserAvator(res);
                }
            }
            // complete:function(res){
            //     if(res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！'){
            //         // 如果进入了这个if语句，就证明用户没有token值，说明过期了，那么这种情况就是用户没有权限访问内部的所有页面；应该强行给他退到登陆界面
            //         console.log(11);
            //         location.href = '/login.html'
            //     }
            // }
        })
    }
    init();

    // 封装一个修改用户名图像和文字的函数
    function setUserAvator(res) {
        let name = res.data.nickname || res.data.username || '管理员'
        // 首先将用户的用户名首字母截取并变成大写
        $('.bg-img-w').html(res.data.username[0].toUpperCase());
        $('.welcome-user').text(name + "  " + "欢迎您！");
        if (!res.data.user_pic) {
            // 如果用户没有上传图片，则显示文字
            // 如果用户没有上传图片，则隐藏图片
            $('.layui-nav-img').hide();
            $('.bg-img-w').show();
        } else {
            // 有图片的时候，改变图片的url地址为服务器返回来的数据
            $('.layui-nav-img').attr("src", res.data.user_pic)
            $('.layui-nav-img').show();
            $('.bg-img-w').hide();
        }
    }

    // 退出的功能
    $('.take-out').click(function () {
        //eg1
        layer.confirm('确认退出吗？', {
            icon: 1,
            title: '提示',
            // 属于options的属性，可以随意配置多个按钮
            // btn:['ww','ii','iiii']
        }, 
        // 点击确认按钮是执行的回调函数
        function () {
            // 点击确认后，当前页面跳转到登录界面
            // 跳转之前清空本地token的值，
            localStorage.removeItem('token');
            location.href = '../../login.html'
        });
        // 如果需要配置取消的业务需求则可以加第二个回调函数
    })
})